<template>
  <el-dialog
    :title="title"
    :visible.sync="dialogVisible"
    :width="width"
  >
    <div v-html="content" />
  </el-dialog>
</template>
<script>
export default {
  name: 'Index',
  props: {
    title: {
      type: String,
      default: '查看'
    },
    width: {
      type: String,
      default: '100%'
    },
    height: {
      type: String,
      default: '300px'
    },
    content: {
      required: true,
      type: String
    }
  },
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    show() {
      this.dialogVisible = true
    }
  }
}
</script>

<style scoped>

</style>
